原创【 】

说明：后台用的python的flask框架，后台对你理解这篇文章没什么影响，你可以使用php

form作为上传区

引入Dropzone.js和dropzone.css然后使用表单form定义一个class="dropzone"即可完成

效果

div作为上传区

div作为上传区也很简单

    
            
            
    
     点我上传
    
     

效果

form作为上传区配置

配置也分为两种，如果使用的form表单上传的就用如下方式配置

效果

div作为上传区配置

    
            
             
    
     点我上传
    
     

说明：关于其他的配置请看最后的链接

主题

第一种

  
      
      
      
      
                
    
    
     
Configuration Demo
    
     
      
      
        
               
                               Add files...                
                               Start upload                
                               Cancel upload              
      
      
      
        
               
                 
        
            
         
          
        
              
      
    
     
    
             
     
      
      
        
       
            
                
       
        
       
            
        
            
                
       
        
       
            
        
            
        
                
         
            
        
        
       
        
       
          
                                    Start                    
                                    Cancel                    
                                Delete                  
       
      
      
    
     
     
    

效果

第二种效果与默认的一样

    
            
            
    
    
    
    
     
        
      
       
      
        
      
            
       
        
       
            
       
        
      
        
      
       
      
        
      
       ✔
      
        
      
       ✘
      
        
      
       
      
    
     
    
          

demo文件

如果是flask框架可进行测试 ，如果是php或者其他就看看不必下载

参考资料